{% load static %}

<!DOCTYPE html>
<!-- 网站主语言 -->
<html lang="zh-cn">

<head>
	<!-- 网站采用的字符编码 -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- 预留网站标题的位置 -->
	<title>{% block title %}{% endblock %}</title>
	<!-- 引入bootstrap的css文件 -->
	<link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
	<!-- 引入monikai.css -->
	<link rel="stylesheet" href="{% static 'md_css/monokai.css' %}">
	<!-- 引入矢量图标 -->
	<link rel="stylesheet"
	  href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/all.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css">
</head>

<body>
	<!-- 引入导航栏 -->
	{% include 'header.html' %}
	<!-- 新增两个 div 容器,预留具体页面的位置 -->
	<div id="wrapper">
		{% block content %}{% endblock content %}
		<div id="push"></div>
	</div>
	<!-- 引入注脚 -->
	{% include 'footer.html' %}
	
	<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	<!-- 引入layer.js 弹窗 -->
	<script src="{% static 'layer/layer.js' %}"></script>
	{% block script %}{% endblock script %}
	<!-- 在jquery后面引入 -->
	{% include 'back_to_top_func.html' %}
	
	<!-- 增加样式 -->
	<style>
		html, body {
			height: 100%;
			margin: 0;
		}

		#wrapper {
			min-height: 100%;
			margin-bottom: -60px;
		}

		#footer,
		#push {
			height: 60px;
		}
	</style>
</body>

</html>